<template>
  <div class="box">
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick" style="padding: 24px; width: 100%;">
      <el-tab-pane label="治理规范" name="first">
        <gover ref="gover" />
      </el-tab-pane>
      <!-- <el-tab-pane label="模型规范" name="second">
          <model ref="mode" />
        </el-tab-pane> -->
    </el-tabs>
  </div>
</template>
  
<script>
import { mapGetters, mapState } from 'vuex'

import model from './modelSpecificationList.vue'
import gover from './governanceNormsList.vue'
import Breadcrumb from '@/components/Breadcrumb'
import TopMenu from '@/layout/components/TopMenu/topMenu'

export default {
  name: 'ModelINdex',
  components: { model, gover, TopMenu, Breadcrumb },
  data() {
    return {
      activeName: 'first', //tarbar
    }
  },
  created() {},
  computed: {
    ...mapGetters(['sidebar', 'avatar', 'device']),
    ...mapState({
      topMenu: (state) => state.settings.topMenu,
    }),
    avatarUrl() {
      if (this.avatar === undefined) {
        return defaultAvatar
      }
      return this.avatar
    },
  },
  methods: {
    handleClick() {},
  },
}
</script>
<style lang="scss">
#treeBox {
  margin-top: 1px;

  .el-table thead {
    display: none;
  }
}

.el-dialog {
  width: 70% !important;
}

.box {
  width: 100%;
  height: 100%;

  display: flex;
}

.dome_left {
  height: 100%;
}

.dome_right {
  width: 88%;

  height: 100%;
}
</style>